import './index.scss'
function UserStatus({userStatus,size}:{userStatus:string,size?:number}){
    function checkUserStatus(){
        switch (userStatus) {
            case 'online':
                return <div className='userStatus_online userStatus' style={{width:size,height:size}}></div>
            case 'offline':
                return <div className='userStatus_offline userStatus' style={{width:size,height:size}}></div>
            case 'idle':
                return <div className='userStatus_stealth userStatus' style={{width:size,height:size}}></div>
            default:
        }
    }
    return (
        <>
            {
                checkUserStatus()
            }
        </>
    )
}

export default UserStatus;